<div class="card-sort">
	<div class="card-line">
		<div class="left"><span style="background-color: #dd6161">关联最强</span></div>
		<div class="right">
			<div :class="{'img-box':true, 'on':imgBoxOn(0)}" @click="setChooseSort(0)"><img v-show="imgIsShow(0)" :src="getSrc(0)"/></div>
		</div>
	</div>
	<div class="card-line">
		<div class="left"><span style="background-color: #f9a7a7">关联次强</span></div>
		<div class="right">
			<div :class="{'img-box':true, 'on':imgBoxOn(1)}" @click="setChooseSort(1)"><img v-show="imgIsShow(1)" :src="getSrc(1)"/></div>
			<div :class="{'img-box':true, 'on':imgBoxOn(2)}" @click="setChooseSort(2)"><img v-show="imgIsShow(2)" :src="getSrc(2)"/></div>
		</div>
	</div>
	<div class="card-line">
		<div class="left"><span style="background-color: #fbc4c4">关联弱</span></div>
		<div class="right">
			<div :class="{'img-box':true, 'on':imgBoxOn(3)}" @click="setChooseSort(3)"><img v-show="imgIsShow(3)" :src="getSrc(3)"/></div>
			<div :class="{'img-box':true, 'on':imgBoxOn(4)}" @click="setChooseSort(4)"><img v-show="imgIsShow(4)" :src="getSrc(4)"/></div>
			<div :class="{'img-box':true, 'on':imgBoxOn(5)}" @click="setChooseSort(5)"><img v-show="imgIsShow(5)" :src="getSrc(5)"/></div>
		</div>
	</div>
	<div class="card-line">
		<div class="left"><span style="background-color: #fde2e2">关联较弱</span></div>
		<div class="right">
			<div :class="{'img-box':true, 'on':imgBoxOn(6)}" @click="setChooseSort(6)"><img v-show="imgIsShow(6)" :src="getSrc(6)"/></div>
			<div :class="{'img-box':true, 'on':imgBoxOn(7)}" @click="setChooseSort(7)"><img v-show="imgIsShow(7)" :src="getSrc(7)"/></div>
			<div :class="{'img-box':true, 'on':imgBoxOn(8)}" @click="setChooseSort(8)"><img v-show="imgIsShow(8)" :src="getSrc(8)"/></div>
			<div :class="{'img-box':true, 'on':imgBoxOn(9)}" @click="setChooseSort(9)"><img v-show="imgIsShow(9)" :src="getSrc(9)"/></div>
		</div>
	</div>
</div>
<ohcard-selected ref="ohcardSelected" :room="room" :room_id="room.id" :step="2" :selected="selected" :choose-index="chooseIndex" @choose="chooseHandler" @next="nextHandler"></ohcard-selected>